<template>
    <transition
            name="tran_rank"
            enter-active-class="animated fadeIn"
            leave-active-class="animated fadeOut"
    >
    <div class="spread" v-if="show">
        <!--<div class="elem-quote">推广</div>-->
        <!--<hr>-->
        <el-card class="box-card">
            这里是一张图
        </el-card>
    </div>
    </transition>
</template>

<script>
    export default{
        name: 'spread',
        data () {
            return {
                msg: 'spread',
                show:false,
            }
        },
        mounted:function () {
            this.show = true
        }
    }
</script>

<style>
    .spread{
        margin-top: 10px;
    }
</style>